<div>
    <div class="meta-section">
        <div class="meta-section-header">
            <h4 class="meta-section-header-title">科研主页详情</h4>
        </div>
        <div class="meta-section-container">
            <ul class="meta-double-version-nav nav-tabs">
                <li class="uib-tab" ng-class="{'active': spaceStatus == 0}"><a ng-click="spaceChange(0)">概要信息</a></li>
                <li class="uib-tab" ng-class="{'active': spaceStatus == 1}"><a ng-click="spaceChange(1)">研究方向</a></li>
                <li class="uib-tab" ng-class="{'active': spaceStatus == 2}"><a ng-click="spaceChange(2)">论文</a></li>
                <li class="uib-tab" ng-class="{'active': spaceStatus == 3}"><a ng-click="spaceChange(3)">专利</a></li>
                <li class="uib-tab" ng-class="{'active': spaceStatus == 4}"><a ng-click="spaceChange(4)">项目</a></li>
                <li class="clear-float"></li>
            </ul>
            <div class="meta-secondary-section" ng-show="spaceStatus == 0">
                <div class="meta-secondary-section-header">
                    <i class="fa fa-user"></i><span>概要信息</span>
                </div>
                <div class="meta-secondary-section-content">
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">姓名: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-text">{{editCtrl.data.user.name}}</div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">机构: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-input">
                                <input class="form-control" type="text" ng-model="editCtrl.data.organization" />
                            </div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">部门: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-input">
                                <input class="form-control" type="text" ng-model="editCtrl.data.department" />
                            </div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">职称: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-input">
                                <input class="form-control" type="text" ng-model="editCtrl.data.title" />
                            </div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">职务: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-input">
                                <input class="form-control" type="text" ng-model="editCtrl.data.post" />
                            </div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">一级学科: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-input">
                                <ui-select ng-model="editCtrl.data.disciplineClass" theme="bootstrap" ng-change="editCtrl.data.discipline='所有学科'">
                                    <ui-select-match class="ui-select-match" placeholder="选择一级学科">{{editCtrl.data.disciplineClass}}</ui-select-match>
                                    <ui-select-choices class="ui-select-choices" repeat="element in metaConstants.disciplineClass | filter:$select.search track by $index">
                                        {{element}}
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">二级学科: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-input">
                                <ui-select ng-model="editCtrl.data.discipline" theme="bootstrap">
                                    <ui-select-match class="ui-select-match" placeholder="选择二级学科">{{editCtrl.data.discipline}}</ui-select-match>
                                    <ui-select-choices class="ui-select-choices" repeat="element in metaConstants.discipline[editCtrl.data.disciplineClass] | filter:$select.search track by $index">
                                        {{element}}
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">联系电话: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-input">
                                <input class="form-control" type="tel" ng-model="editCtrl.data.phone" />
                            </div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">联系邮箱: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-input">
                                <input class="form-control" type="email" ng-model="editCtrl.data.email" />
                            </div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">科研关键字: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-rich">
                                <ui-select multiple tagging tagging-label="false" ng-model="editCtrl.data.keywords" theme="bootstrap" title="以回车分隔每一个科研关键字">
                                    <ui-select-match>{{$item}}</ui-select-match>
                                    <ui-select-choices repeat="item in choices | filter:$select.search">
                                        {{item}}
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>
                    </div>
                    <div class="meta-input-section">
                        <span class="meta-input-section-title">主页简介: </span>
                        <div class="meta-input-section-control">
                            <div class="meta-rich">
                                <textarea class="form-control" ng-model="editCtrl.data.brief" froala="CONFIG.froalaOptions"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="meta-submit">
                    <div class="meta-large-double-buttons">
                        <button class="btn btn-success" ng-click="save()">保&nbsp;&nbsp;存</button>
                        <button class="btn btn-warning" ng-click="reset()">重&nbsp;&nbsp;置</button>
                    </div>
                </div>
            </div>
            <div class="meta-secondary-section meta-last" ng-show="spaceStatus == 1">
                <div class="meta-secondary-section-header">
                    <i class="fa fa-graduation-cap"></i><span>研究方向</span>
                    <button class="btn btn-success meta-btn" ng-click="openModel('','views/permission/modal/achievement.html', 'AchievementModelCtrl', {type: 0}, true)">新建方向</button>
                </div>
                <div class="meta-secondary-section-content">
                    <div ng-repeat="element in editAreasCtrl.data track by $index" class="meta-list-item">
                        <div class="meta-input-section">
                            <span class="meta-input-section-title">{{$index + 1}}. 标题：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text">{{element.name}}</div>
                            </div>
                            <div class="meta-input-section-btns">
                                <button class="btn btn-xs btn-info meta-btn" ng-click="openModel('','views/permission/modal/achievement.html', 'AchievementModelCtrl', {type: 0, data: element}, false)">编辑</button>
                                <button class="btn btn-xs btn-danger meta-btn" ng-click="openModel('sm','views/permission/modal/confirm.html', 'AchievementModelCtrl', {type: 0, data: element})">删除</button>
                            </div>
                        </div>
                        <div class="meta-input-section meta-last">
                            <span class="meta-input-section-title">内容：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text" ng-bind-html="element.content"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="meta-secondary-section meta-last" ng-show="spaceStatus == 2">
                <div class="meta-secondary-section-header">
                    <i class="fa fa-book"></i><span>论文</span>
                    <button class="btn btn-success meta-btn" ng-click="openModel('','views/permission/modal/achievement.html', 'AchievementModelCtrl', {type: 1}, true)">新建论文</button>
                </div>
                <div class="meta-secondary-section-content">
                    <div ng-repeat="element in editAchievementsCtrl.data.papers track by $index" class="meta-list-item">
                        <div class="meta-input-section">
                            <span class="meta-input-section-title">{{$index + 1}}. 标题：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text">{{element.title}}</div>
                            </div>
                            <div class="meta-input-section-btns">
                                <button class="btn btn-xs btn-info meta-btn" ng-click="openModel('','views/permission/modal/achievement.html', 'AchievementModelCtrl', {type: 1, data: element}, false)">编辑</button>
                                <button class="btn btn-xs btn-danger meta-btn" ng-click="openModel('sm','views/permission/modal/confirm.html', 'AchievementModelCtrl', {type: 1, data: element})">删除</button>
                            </div>
                        </div>
                        <div class="meta-input-section meta-last">
                            <span class="meta-input-section-title">文件：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text"><a ng-href="{{element.attachments[0].name==null?'':element.attachments[0].link}}">{{element.attachments[0].name==null?'暂无':element.attachments[0].name}}</a></div>
                            </div>
                        </div>
                        <div class="meta-input-section meta-last">
                            <span class="meta-input-section-title">内容：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text" ng-bind-html="element.content"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="meta-secondary-section meta-last" ng-show="spaceStatus == 3">
                <div class="meta-secondary-section-header">
                    <i class="fa fa-file-text"></i><span>专利</span>
                    <button class="btn btn-success meta-btn" ng-click="openModel('','views/permission/modal/achievement.html', 'AchievementModelCtrl', {type: 2}, true)">新建专利</button>
                </div>
                <div class="meta-secondary-section-content">
                    <div ng-repeat="element in editAchievementsCtrl.data.patents track by $index" class="meta-list-item">
                        <div class="meta-input-section">
                            <span class="meta-input-section-title">{{$index + 1}}. 标题：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text">{{element.title}}</div>
                            </div>
                            <div class="meta-input-section-btns">
                                <button class="btn btn-xs btn-info meta-btn" ng-click="openModel('','views/permission/modal/achievement.html', 'AchievementModelCtrl', {type: 2, data: element}, false)">编辑</button>
                                <button class="btn btn-xs btn-danger meta-btn" ng-click="openModel('sm','views/permission/modal/confirm.html', 'AchievementModelCtrl', {type: 2, data: element})">删除</button>
                            </div>
                        </div>
                        <div class="meta-input-section meta-last">
                            <span class="meta-input-section-title">文件：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text"><a ng-href="{{element.attachments[0].name==null?'':element.attachments[0].link}}">{{element.attachments[0].name==null?'暂无':element.attachments[0].name}}</a></div>
                            </div>
                        </div>
                        <div class="meta-input-section meta-last">
                            <span class="meta-input-section-title">内容：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text" ng-bind-html="element.content"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="meta-secondary-section meta-last" ng-show="spaceStatus == 4">
                <div class="meta-secondary-section-header">
                    <i class="fa fa-suitcase"></i><span>项目</span>
                    <button class="btn btn-success meta-btn" ng-click="openModel('','views/permission/modal/achievement.html', 'AchievementModelCtrl', {type: 3}, true)">新建项目</button>
                </div>
                <div class="meta-secondary-section-content">
                    <div ng-repeat="element in editAchievementsCtrl.data.projects track by $index" class="meta-list-item">
                        <div class="meta-input-section">
                            <span class="meta-input-section-title">{{$index + 1}}. 标题：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text">{{element.title}}</div>
                            </div>
                            <div class="meta-input-section-btns">
                                <button class="btn btn-xs btn-info meta-btn" ng-click="openModel('','views/permission/modal/achievement.html', 'AchievementModelCtrl', {type: 3, data: element}, false)">编辑</button>
                                <button class="btn btn-xs btn-danger meta-btn" ng-click="openModel('sm','views/permission/modal/confirm.html', 'AchievementModelCtrl', {type: 3, data: element})">删除</button>
                            </div>
                        </div>
                        <div class="meta-input-section meta-last">
                            <span class="meta-input-section-title">文件：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text"><a ng-href="{{element.attachments[0].name==null?'':element.attachments[0].link}}">{{element.attachments[0].name==null?'暂无':element.attachments[0].name}}</a></div>
                            </div>
                        </div>
                        <div class="meta-input-section meta-last">
                            <span class="meta-input-section-title">内容：</span>
                            <div class="meta-input-section-control">
                                <div class="meta-text" ng-bind-html="element.content"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
